{% extends 'base.html' %}
{% load site_tags %}

{% block title %}Your projected score — {{ course.title }}{% endblock %}

{% block content %}
<section class="py-5">
  <div class="container" style="max-width:32rem;">
    <div class="card border-0 shadow-sm rounded-4 p-4 text-center">
      <div class="display-6 text-primary mb-2"><i class="bi bi-graph-up-arrow"></i></div>
      <h1 class="h3 fw-bold">You'd likely score</h1>
      <div class="display-4 fw-bold my-2">{{ attempt.score }}%</div>
      <p class="text-muted small mb-3">
        Based on {{ attempt.correct_count }}/{{ attempt.total_asked }} on this free check for
        <strong>{{ course.title }}</strong>. The full exam is {{ course.question_count_per_attempt }} questions
        · pass mark {{ course.pass_percentage }}%.
      </p>
      <div class="alert alert-light border text-start small mb-3">
        Watch for a follow-up discount on <strong>{{ attempt.email }}</strong>
        {% if attempt.whatsapp %} / WhatsApp <strong>{{ attempt.whatsapp }}</strong>{% endif %}.
      </div>
      <a href="{% url 'courses:course_detail' slug=course.slug %}?path=direct" class="btn btn-primary btn-lg w-100 fw-semibold mb-2">
        Take the full certification
      </a>
      <a href="{% url 'courses:exam_start' slug=course.slug %}" class="btn btn-outline-primary w-100">
        Start exam (if enrolled)
      </a>
    </div>
  </div>
</section>
{% endblock %}